{include file="public/header" /}
<aside id="sitecontent" class="transition">
    {include file="public/search" /}
    <!-- main -->
    <section class="p25-20">
        <section class="sjs1 dis-flex-between">
            <div class="img position-relative">
                <img src="{$data.image_url}" alt="{$data.name}" srcset="">
                <span><img src="__MOBILEIMG__/ico-tj.png" alt="" srcset=""></span>
            </div>
            <div class="txt">
                <h1>{$data.name} <em>【{$data.position}】</em></h1>
                <dl class="dis-flex">
                    <dt>从业经验：</dt>
                    <dd>{$data.year}年</dd>
                </dl>
                <dl class="dis-flex">
                    <dt>擅长户型：</dt>
                    <dd>{$data.tag}</dd>
                </dl>
                <dl class="dis-flex">
                    <dt>所在店面：</dt>
                    <dd>八方筑装饰旗舰店</dd>
                </dl>
                <dl class="dis-flex">
                    <dt>案例作品：</dt>
                    <dd>{$designer_cases_num}套</dd>
                </dl>
                <dl class="dis-flex">
                    <dt>擅长风格：</dt>
                    <dd>{$data.tag}</dd>
                </dl>
            </div>
        </section>
        <section class="sjs2">
            <h1>荣誉资质</h1>
            <div class="line-height color-6">
                {$data.desc|raw}
            </div>
            <div class="clear10"></div>
            <h1>设计理念</h1>
            <div class="line-height color-6">
                <p>{$data.idea}</p>
            </div>
        </section>
        <section class="sjs3 p20-0">
            <h1>在职门店</h1>
            <dl>
                <a href="tel:{$siteConfig.mobile}" class="dis-flex-between">
                    <dt><img src="__MOBILEIMG__/ditu.png" alt="" srcset=""></dt>
                    <dd>
                        <div>八方筑装饰旗舰店</div>
                        <div>设计案例：{$case_num} | 设计师：{$designer_num}</div>
                        <div>{$siteConfig.address}</div>
                    </dd>
                </a>
            </dl>
        </section>
    </section>
    <!-- tab -->
    <section>
        <div class="team-tabs dis-flex-between-center">
            <a href="#" class="active">相关案例</a>
            <a href="#">客户口碑</a>
            <a href="#">视频作品</a>
        </div>
        <div id="tabs-container" class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <section class="p25-20">
                        <ul class="casellist">
                            <!-- 3个 -->
                            {volist name="designer_cases" id="item"}
                            <li>
                                <div class="img position-relative">
                                    <a href="{:url('cases/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}">
                                        <img src="{$item.thumb_url}" alt="" srcset="" class="">
                                    </a>
                                    <div class="dis-flex-between-center bg">
                                        <div class="left dis-flex-center">
                                            <img src="{$data.image_url}" alt="{$data.name}" srcset="">
                                            <div>{$data.name}<span>{$data.position}</span></div>
                                        </div>
                                        <div class="right dis-flex-center-center tanSjs ">预约设计</div>
                                    </div>
                                </div>
                                <div class="txt">
                                    <a href="{:url('cases/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}" class="dis-flex-between-center">
                                        <div class="left">
                                            <h2>【实景】 {$item.name}</h2>
                                            <p class="color-6">风格：{$item.tag_name[0]} | 面积：{$item.area}m² | 户型：{$item.house_type}</p>
                                        </div>
                                        <span class="bg-red dis-flex-center-center  tanFree">获取方案</span>
                                    </a>
                                </div>
                            </li>
                            {/volist}
                        </ul>
                        <a href="javascript:;" class="more dis-flex-center-center">更多···</a>
                    </section>
                </div>
                <div class="swiper-slide">
                    <section class="p25-20">
                        <ul class="customerlist clearfix">
                            {volist name="customer_list" id="item"}
                            <li>
                                <a href="{:url('article/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}">
                                    <div class="img"><img src="{$item.thumb_url}" alt="{$item.name}" srcset=""></div>
                                    <div class="txt  line-one">{$item.name}</div>
                                </a>
                            </li>
                            {/volist}
                        </ul>
                        <a href="{:url('article/index', ['category_id'=>23])}" class="more dis-flex-center-center">更多···</a>
                    </section>
                </div>
                <div class="swiper-slide">
                    <!-- 12个 -->
                    <section class="p25-20">
                        <ul class="videolist">
                            <!--<li vpath="" ipath="">
                                <div class="img position-relative">
                                    <img src="" alt="" srcset="">
                                </div>
                                <div class="txt line-one bg-hui  "></div>
                            </li>-->
                        </ul>
                        <a href="javascript:;" class="more dis-flex-center-center">更多···</a>
                    </section>
                </div>
            </div>
        </div>
    </section>
    <section class="caseBtn dis-flex-between">
        <a href="javascript:;" class="bg-red dis-flex-center-center tanSjs"><img src="__MOBILEIMG__/input-team.png" alt="" srcset=""> &nbsp;找TA设计</a>
        <a href="tel:{$siteConfig.mobile}" class="dis-flex-center-center bg-white"><img src="__MOBILEIMG__/caseBtn-tel.png" alt="" srcset="">&nbsp;在线咨询</a>
    </section>
    <div class="videos"></div>
    <!-- tab end -->

    <!-- main end-->
    {include file="public/footer" /}